<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控制台</title>
<!--    <link rel="stylesheet" href="../../css/my_serve.css">-->
    <style>
        html{
            height: 100%;
        }

        body{
            height: 100%;
        }

        .container{
            height: 100%;
            background: rgb(198,204,216);
        }


        .container .library-info > div{
            /*background: #00FF00;*/
            height: 150px;
            padding: 10px 5px;
        }

        .container .library-info > div > div{
            background: green;
            height: 130px;
        }

        .report > div:first-child {
            background: pink;
            padding: 20px 20px 10px 20px;
            color: white;
            font-size: 35px;
            font-weight: bold;
        }

        .report > div:last-child {
            background: red;
            padding: 0 20px;
            color: white;
            font-size: 25px;
            font-weight: bold;
        }

        .container .statistic > div{
            padding: 0 5px;
        }

        .container .statistic > div > div{
            background: #00FFFF;
            height: 300px;
        }

    </style>
    <link rel="stylesheet" href="../../public/layui/css/layui.css">
    <script src="../../public/layui/layui.js"></script>
</head>
<body>
    <div class="container">
        <div class="layui-row library-info">
            <div class="layui-col-md3">
                <div class="report">
                    <div>19500</div>
                    <div>图书总数</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="report">
                    <div>19500</div>
                    <div>图书总数</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="report">
                    <div>19500</div>
                    <div>图书总数</div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="report">
                    <div>19500</div>
                    <div>图书总数</div>
                </div>
            </div>
        </div>
        <div class="layui-row statistic">
            <div class="layui-col-md4">
                <div></div>
            </div>
            <div class="layui-col-md4">
                <div></div>
            </div>
            <div class="layui-col-md4">
                <div></div>
            </div>
        </div>
    </div>
</body>
</html>